<!DOCTYPE html>
<html th:fragment="common_html(title, content_body, scripts)" lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="UTF-8">
    <title th:replace="${title}">鱼汤用户管理系统</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <script th:src="@{/jQuery/jQuery.js}"></script>
    <script th:src="@{/layui/layui.js}"></script>
    <script th:src="@{/js/modules.js}"></script>
</head>
<body class="layui-layout-body" th:object="${user}">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">鱼汤网-用户信息管理</div>
        <ul id="module-parent" class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a th:href="@{/user/home}">控制台</a></li>
            <li class="layui-nav-item"><a th:href="@{/user/view/list}">用户管理</a></li>
            <li class="layui-nav-item"><a th:href="@{/menu/view/list}">菜单管理</a></li>
<!--            <li class="layui-nav-item"><a href="">授权管理</a></li>-->
<!--            <li class="layui-nav-item"><a href="">消息管理</a></li>-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="javascript:">其它系统</a>-->
<!--                <dl class="layui-nav-child">-->
<!--                    <dd><a href="">邮件管理</a></dd>-->
<!--                    <dd><a href="">消息管理</a></dd>-->
<!--                    <dd><a href="">授权管理</a></dd>-->
<!--                </dl>-->
<!--            </li>-->
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    <span th:text="*{username}"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{/user/currentUserInfo}">基本资料</a></dd>
<!--                    <dd><a href="">安全设置</a></dd>-->
                </dl>
            </li>
            <li class="layui-nav-item">
                <a onclick="logout()" href="#">退出</a>
            </li>
        </ul>
    </div>

    <div th:replace="${content_body}">
        <!-- 内容主体区域 -->
    </div>
</div>
<th:block th:replace="${scripts}"></th:block>
<script type="text/javascript" th:inline="javascript">
    $(function () {
        let currentPage = window.location.pathname;
        $('.layui-nav-item a').each(function() {
            let href = $(this).attr('href');
            // 比较当前页面路径和链接的href属性
            if (href === currentPage || (href === '' && currentPage === 'index')) {
                // 如果匹配，则添加高亮样式（layui-this是Layui默认的高亮类）
                $(this).parent().addClass('layui-this').siblings().removeClass('layui-this');
            }
        });
    });
    function logout() {
        layer.confirm('确认退出系统?', {
            btn: ['确认', '关闭']
        }, function () {
            $.ajax('/ums/user/logout').then(() => {
                window.location.href = '/ums/user/login'
            })
        });
    }
</script>
</body>
</html>